    <!DOCTYPE html>
<html>
<head>
    <!-- http://sass-lang.com/
    permite tener expresiones
    variables
    funciones.
    Es una precompilacion, que luego generara un css.
    Permite tener seleciontes anidados, extender selectores.
    da una sintaxis mas amigable.
    @mixin son las funcioens o templates

    Configurara sass desde chrome.

    Portrait or Landscape....

    Media queries:
        Esta es uan extencion de CSS que permite tner reglas dependiendo de donde estoy corriendo.
        Ejemplo:
            @media only screen and(orientation:landscape)
            @media only screen and(orientation:portrait)
            Las media query puedo conocer cosas del cotexto pero no cosas asociadas al broser.

            No poner nunca un "px" siempre usar %.
            Para poder usar tipografias y poner tamaños usar "em"

            Para poder tener multiples imagnees esto se hace empelando media queries para saber qeu imagen mostrar.
            Para saber en que dispositivo estoy tengo que emplear javascript, por esta forma vamos a usar
                +javascript o phonegap.


    -->
    <link   rel="stylesheet" href="styles.css"   type="text/css"/>
    <title></title>
</head>
<body>

</body>
</html>